<!--<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>-->
<%@ include file="../front/component/pageHead.jsp"%>
<!--<%-->
<!--    String path = request.getContextPath();-->
<!--    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/front/";-->
<!--%>-->

<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Parlo - eCommerce Bootstrap 4 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
    <!-- CSS	============================================ --><!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../front/assets/css/bootstrap.min.css"><!-- Icon Font CSS -->
    <link rel="stylesheet" href="../front/assets/css/icons.min.css"><!-- Plugins CSS -->
    <link rel="stylesheet" href="../front/assets/css/plugins.css"><!-- Main Style CSS -->
    <link rel="stylesheet" href="../front/assets/css/style.css"><!-- Modernizer JS -->
    <script src="../front/assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
</head>

<body>
<div class="wrapper">
    <header class="header-area sticky-bar">
        <div class="main-header-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-xl-2 col-lg-2">
                        <div class="logo pt-40"><a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-7 ">
                        <div class="main-menu">
                            <nav>
                                <ul>
                                    <li class="angle-shape"><a href="index.html">Home</a>

                                    </li>
                                    <li class="angle-shape"><a href="shop.html">Shop <span>new</span></a>
                                        <ul class="mega-menu">
                                            <li><a class="menu-title" href="#">Shop Layout</a>
                                                <ul>
                                                    <li><a href="shop.html">standard style</a></li>
                                                    <li><a href="shop-grid-2-column.html">grid 2 column</a></li>
                                                    <li><a href="shop-grid-4-column.html">grid 4 column</a></li>
                                                    <li><a href="shop-grid-fullwide.html">grid full wide</a></li>
                                                    <li><a href="shop-right-sidebar.html">grid right sidebar </a></li>
                                                </ul>
                                            </li>
                                            <li><a class="menu-title" href="#">Shop Layout</a>
                                                <ul>
                                                    <li><a href="shop-list-style1.html">list style 1</a></li>
                                                    <li><a href="shop-list-style2.html">list style 2</a></li>
                                                    <li><a href="shop-list-style3.html">list style 3</a></li>
                                                    <li><a href="shop-list-fullwide.html">list full wide</a></li>
                                                    <li><a href="shop-list-sidebar.html">list with sidebar </a></li>
                                                </ul>
                                            </li>
                                            <li><a class="menu-title" href="#">Product Details</a>
                                                <ul>
                                                    <li><a href="product-details.html">tab style 1</a></li>
                                                    <li><a href="product-details-tab-2.html">tab style 2</a></li>
                                                    <li><a href="product-details-tab-3.html">tab style 3</a></li>
                                                    <li><a href="product-details-gallery.html">gallery style </a></li>
                                                    <li><a href="product-details-gallery-right.html">gallery right</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li><a class="menu-title" href="#">Product Details</a>
                                                <ul>
                                                    <li><a href="product-details-sticky.html">sticky style</a></li>
                                                    <li><a href="product-details-sticky-right.html">sticky right</a>
                                                    </li>
                                                    <li><a href="product-details-slider-box.html">slider style</a></li>
                                                    <li><a href="product-details-affiliate.html">Affiliate style</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="shop.html">Accessories <span>hot</span></a></li>
                                    <li><a href="contact-us.html">Contact </a></li>
                                    <li class="angle-shape"><a href="#">Pages</a>
                                        <ul class="submenu">
                                            <li><a href="about-us.html">about us </a></li>
                                            <li><a href="cart-page.html">cart page </a></li>
                                            <li><a href="checkout.html">checkout </a></li>
                                            <li><a href="compare-page.html">compare </a></li>
                                            <li><a href="wishlist.html">wishlist </a></li>
                                            <li><a href="my-account.html">my account </a></li>
                                            <li><a href="contact-us.html">contact us </a></li>
                                            <li><a href="login-register.html">login/register </a></li>
                                        </ul>
                                    </li>
                                    <li class="angle-shape"><a href="blog.html">Blog</a>
                                        <ul class="submenu">
                                            <li><a href="blog.html">standard style </a></li>
                                            <li><a href="blog-2-col.html">blog 2 column </a></li>
                                            <li><a href="blog-3-col.html">blog 3 column </a></li>
                                            <li><a href="blog-right-sidebar.html">blog right sidebar </a></li>
                                            <li><a href="blog-details.html">blog details </a></li>
                                            <li><a href="blog-details-right-sidebar.html">blog details right
                                                sidebar </a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3">
                        <div class="header-right-wrap pt-40">
                            <div class="header-search"><a class="search-active" href="#"><i
                                    class="sli sli-magnifier"></i></a></div>
                            <div class="cart-wrap">
                                <button class="icon-cart-active"><span class="icon-cart"><i
                                        class="sli sli-bag"></i><span class="count-style">02</span></span><span
                                        class="cart-price">                                        $320.00</span>
                                </button>
                                <div class="shopping-cart-content">
                                    <div class="shopping-cart-top"><h4>Shoping Cart</h4><a class="cart-close"
                                                                                           href="#"><i
                                            class="sli sli-close"></i></a></div>
                                    <ul>
                                        <li class="single-shopping-cart">
                                            <div class="shopping-cart-img"><a href="#"><img alt=""
                                                                                            src="assets/img/cart/cart-1.jpg"></a>
                                                <div class="item-close"><a href="#"><i class="sli sli-close"></i></a>
                                                </div>
                                            </div>
                                            <div class="shopping-cart-title"><h4><a href="#">Product Name </a></h4>
                                                <span>1 x 90.00</span></div>
                                        </li>
                                        <li class="single-shopping-cart">
                                            <div class="shopping-cart-img"><a href="#"><img alt=""
                                                                                            src="assets/img/cart/cart-2.jpg"></a>
                                                <div class="item-close"><a href="#"><i class="sli sli-close"></i></a>
                                                </div>
                                            </div>
                                            <div class="shopping-cart-title"><h4><a href="#">Product Name</a></h4><span>1 x 90.00</span>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="shopping-cart-bottom">
                                        <div class="shopping-cart-total"><h4>Total : <span
                                                class="shop-total">$260.00</span></h4></div>
                                        <div class="shopping-cart-btn btn-hover text-center"><a class="default-btn"
                                                                                                href="checkout.html">checkout</a><a
                                                class="default-btn" href="cart-page.html">view cart</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="setting-wrap">
                                <button class="setting-active"><i class="sli sli-settings"></i></button>
                                <div class="setting-content">
                                    <ul>
                                        <li><h4>Currency</h4>
                                            <ul>
                                                <li><a href="#">USD</a></li>
                                                <li><a href="#">Euro</a></li>
                                                <li><a href="#">Real</a></li>
                                                <li><a href="#">BDT</a></li>
                                            </ul>
                                        </li>
                                        <li><h4>Language</h4>
                                            <ul>
                                                <li><a href="#">English (US)</a></li>
                                                <li><a href="#">English (UK)</a></li>
                                                <li><a href="#">Spanish</a></li>
                                            </ul>
                                        </li>
                                        <li><h4>Account</h4>
                                            <ul>
                                                <li><a href="login-register.html">Login</a></li>
                                                <li><a href="login-register.html">Creat Account</a></li>
                                                <li><a href="my-account.html">My Account</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- main-search start -->
            <div class="main-search-active">
                <div class="sidebar-search-icon">
                    <button class="search-close"><span class="sli sli-close"></span></button>
                </div>
                <div class="sidebar-search-input">
                    <form>
                        <div class="form-search"><input id="search" class="input-text" value="" placeholder="Search Now"
                                                        type="search">
                            <button><i class="sli sli-magnifier"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="header-small-mobile">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="mobile-logo"><a href="index.html"><img alt="" src="assets/img/logo/logo.png"></a>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="header-right-wrap">
                            <div class="cart-wrap">
                                <button class="icon-cart-active"><span class="icon-cart"><i
                                        class="sli sli-bag"></i><span class="count-style">02</span></span><span
                                        class="cart-price">                                        $320.00</span>
                                </button>
                                <div class="shopping-cart-content">
                                    <div class="shopping-cart-top"><h4>Shoping Cart</h4><a class="cart-close"
                                                                                           href="#"><i
                                            class="sli sli-close"></i></a></div>
                                    <ul>
                                        <li class="single-shopping-cart">
                                            <div class="shopping-cart-img"><a href="#"><img alt=""
                                                                                            src="assets/img/cart/cart-1.jpg"></a>
                                            </div>
                                            <div class="shopping-cart-title"><h4><a href="#">Product Name </a></h4>
                                                <span>1 x 90.00</span></div>
                                        </li>
                                        <li class="single-shopping-cart">
                                            <div class="shopping-cart-img"><a href="#"><img alt=""
                                                                                            src="assets/img/cart/cart-2.jpg"></a>
                                            </div>
                                            <div class="shopping-cart-title"><h4><a href="#">Product Name</a></h4><span>1 x 90.00</span>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="shopping-cart-bottom">
                                        <div class="shopping-cart-total"><h4>Total : <span
                                                class="shop-total">$260.00</span></h4></div>
                                        <div class="shopping-cart-btn btn-hover text-center"><a class="default-btn"
                                                                                                href="checkout.html">checkout</a><a
                                                class="default-btn" href="cart-page.html">view cart</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="mobile-off-canvas"><a class="mobile-aside-button" href="#"><i
                                    class="sli sli-menu"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="mobile-off-canvas-active"><a class="mobile-aside-close"><i class="sli sli-close"></i></a>
        <div class="header-mobile-aside-wrap">
            <div class="mobile-search">
                <form class="search-form" action="#"><input type="text" placeholder="Search entire storeâ¦">
                    <button class="button-search"><i class="sli sli-magnifier"></i></button>
                </form>
            </div>
            <div class="mobile-menu-wrap"><!-- mobile menu start -->
                <div class="mobile-navigation"><!-- mobile menu navigation start -->
                    <nav>
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children"><a href="index.html">Home</a>
                                <ul class="dropdown">
                                    <li><a href="index.html">Home version 1 </a></li>
                                    <li><a href="index-2.html">Home version 2 </a></li>
                                    <li><a href="index-3.html">Home version 3 </a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children "><a href="shop.html">shop</a>
                                <ul class="dropdown">
                                    <li class="menu-item-has-children"><a href="#">Shop Layout</a>
                                        <ul class="dropdown">
                                            <li><a href="shop.html">standard style</a></li>
                                            <li><a href="shop-grid-2-column.html">grid 2 column</a></li>
                                            <li><a href="shop-grid-4-column.html">grid 4 column</a></li>
                                            <li><a href="shop-grid-fullwide.html">grid full wide</a></li>
                                            <li><a href="shop-right-sidebar.html">grid right sidebar </a></li>
                                            <li><a href="shop-list-style1.html">list style 1</a></li>
                                            <li><a href="shop-list-style2.html">list style 2</a></li>
                                            <li><a href="shop-list-style3.html">list style 3</a></li>
                                            <li><a href="shop-list-fullwide.html">list full wide</a></li>
                                            <li><a href="shop-list-sidebar.html">list with sidebar </a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">products details</a>
                                        <ul class="dropdown">
                                            <li><a href="product-details.html">tab style 1</a></li>
                                            <li><a href="product-details-tab-2.html">tab style 2</a></li>
                                            <li><a href="product-details-tab-3.html">tab style 3</a></li>
                                            <li><a href="product-details-gallery.html">gallery style </a></li>
                                            <li><a href="product-details-gallery-right.html">gallery right</a></li>
                                            <li><a href="product-details-sticky.html">sticky style</a></li>
                                            <li><a href="product-details-sticky-right.html">sticky right</a></li>
                                            <li><a href="product-details-slider-box.html">slider style</a></li>
                                            <li><a href="product-details-affiliate.html">Affiliate style</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="shop.html">Accessories </a></li>
                            <li class="menu-item-has-children"><a href="#">pages</a>
                                <ul class="dropdown">
                                    <li><a href="about-us.html">about us </a></li>
                                    <li><a href="cart-page.html">cart page </a></li>
                                    <li><a href="checkout.html">checkout </a></li>
                                    <li><a href="compare-page.html">compare </a></li>
                                    <li><a href="wishlist.html">wishlist </a></li>
                                    <li><a href="my-account.html">my account </a></li>
                                    <li><a href="contact-us.html">contact us </a></li>
                                    <li><a href="login-register.html">login/register </a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children "><a href="blog.html">Blog</a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">standard style </a></li>
                                    <li><a href="blog-2-col.html">blog 2 column </a></li>
                                    <li><a href="blog-3-col.html">blog 3 column </a></li>
                                    <li><a href="blog-right-sidebar.html">blog right sidebar </a></li>
                                    <li><a href="blog-details.html">blog details </a></li>
                                    <li><a href="blog-details-right-sidebar.html">blog details right sidebar </a></li>
                                </ul>
                            </li>
                            <li><a href="contact-us.html">Contact us</a></li>
                        </ul>
                    </nav><!-- mobile menu navigation end --></div><!-- mobile menu end --></div>
            <div class="mobile-curr-lang-wrap">
                <div class="single-mobile-curr-lang"><a class="mobile-language-active" href="#">Language <i
                        class="sli sli-arrow-down"></i></a>
                    <div class="lang-curr-dropdown lang-dropdown-active">
                        <ul>
                            <li><a href="#">English (US)</a></li>
                            <li><a href="#">English (UK)</a></li>
                            <li><a href="#">Spanish</a></li>
                        </ul>
                    </div>
                </div>
                <div class="single-mobile-curr-lang"><a class="mobile-currency-active" href="#">Currency <i
                        class="sli sli-arrow-down"></i></a>
                    <div class="lang-curr-dropdown curr-dropdown-active">
                        <ul>
                            <li><a href="#">USD</a></li>
                            <li><a href="#">EUR</a></li>
                            <li><a href="#">Real</a></li>
                            <li><a href="#">BDT</a></li>
                        </ul>
                    </div>
                </div>
                <div class="single-mobile-curr-lang"><a class="mobile-account-active" href="#">My Account <i
                        class="sli sli-arrow-down"></i></a>
                    <div class="lang-curr-dropdown account-dropdown-active">
                        <ul>
                            <li><a href="login-register.html">Login</a></li>
                            <li><a href="login-register.html">Creat Account</a></li>
                            <li><a href="my-account.html">My Account</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mobile-social-wrap"><a class="facebook" href="#"><i class="sli sli-social-facebook"></i></a><a
                    class="twitter" href="#"><i class="sli sli-social-twitter"></i></a><a class="pinterest" href="#"><i
                    class="sli sli-social-pinterest"></i></a><a class="instagram" href="#"><i
                    class="sli sli-social-instagram"></i></a><a class="google" href="#"><i
                    class="sli sli-social-google"></i></a></div>
        </div>
    </div>
    <div class="slider-area section-padding-1">
        <div class="slider-active owl-carousel nav-style-1">
            <div class="single-slider slider-height-1 bg-paleturquoise">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12 col-sm-6">
                            <div class="slider-content slider-animated-1"><h1 class="animated">Wooden Craft</h1>
                                <p class="animated">Lorem Ipsum is simply dummy text of the printing and typesetting
                                    industry. It is a long established fact that a reader.</p>
                                <div class="slider-btn btn-hover"><a class="animated" href="shop.html">Shop Now <i
                                        class="sli sli-basket-loaded"></i></a></div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12 col-sm-6">
                            <div class="slider-single-img slider-animated-1"><img class="animated"
                                                                                  src="assets/img/slider/slider-hm1-1.png"
                                                                                  alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="single-slider slider-height-1 bg-paleturquoise">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12 col-sm-6">
                            <div class="slider-content slider-animated-1"><h1 class="animated">Wooden Craft</h1>
                                <p class="animated">Lorem Ipsum is simply dummy text of the printing and typesetting
                                    industry. It is a long established fact that a reader.</p>
                                <div class="slider-btn btn-hover"><a class="animated" href="shop.html">Shop Now <i
                                        class="sli sli-basket-loaded"></i></a></div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6 col-12 col-sm-6">
                            <div class="slider-single-img slider-animated-1"><img class="animated"
                                                                                  src="assets/img/slider/slider-hm1-2.png"
                                                                                  alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-area pt-100 pb-65">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="single-banner mb-30 scroll-zoom"><a href="product-details.html"><img class="animated"
                                                                                                     src="assets/img/banner/banner-1.png"
                                                                                                     alt=""></a>
                        <div class="banner-content banner-position-1"><h3>35% off <br>Black Monday</h3>
                            <h2>Lighting For <br>Home.</h2><a href="product-details.html">Shop Now</a></div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="single-banner mb-30 scroll-zoom"><a href="product-details.html"><img class="animated"
                                                                                                     src="assets/img/banner/banner-2.png"
                                                                                                     alt=""></a>
                        <div class="banner-content banner-position-2"><h3>15% off</h3>
                            <h2>Table Shiner <br>Moving.</h2><a href="product-details.html">Shop Now</a></div>
                    </div>
                    <div class="single-banner mb-30 scroll-zoom"><a href="product-details.html"><img class="animated"
                                                                                                     src="assets/img/banner/banner-3.png"
                                                                                                     alt=""></a>
                        <div class="banner-content banner-position-2"><h3>Black Friday</h3>
                            <h2>Wall Lighting <br>Black.</h2><a href="product-details.html">Shop Now</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-area pb-70">
        <div class="container">
            <div class="section-title text-center pb-40"><h2>All Products</h2>
                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
                    classical</p></div>
            <div class="product-tab-list nav pb-60 text-center"><a class="active" href="#product-1" data-toggle="tab">
                <h4>Home appliance</h4></a><a href="#product-2" data-toggle="tab"><h4>Kitchen appliance</h4></a><a
                    href="#product-3" data-toggle="tab"><h4>Lamps</h4></a></div>
            <div class="tab-content jump-2">
                <div id="product-1" class="tab-pane active">
                    <div class="ht-products product-slider-active owl-carousel"><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-1.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Chair</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span><span class="old">$80.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-2.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Lamp </a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$90.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-3.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Chair</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$40.00</span><span class="old">$70.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-4.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$50.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-2.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Lamp </a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$90.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--></div>
                </div>
                <div id="product-2" class="tab-pane">
                    <div class="ht-products product-slider-active owl-carousel"><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-5.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-6.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Lamp </a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$50.00</span><span class="old">$80.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-7.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Chair</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$30.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-8.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Chair</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span><span class="old">$90.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-5.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="product-details.html">Demo Product
                                            Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--></div>
                </div>
                <div id="product-3" class="tab-pane">
                    <div class="ht-products product-slider-active owl-carousel"><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-4.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span><span class="old">$80.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-8.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Chair </a></div>
                                        <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$90.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-2.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Lamp</a></div>
                                        <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$40.00</span><span class="old">$70.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-5.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$50.00</span></div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--><!--Product Start-->
                        <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                            <div class="ht-product-inner">
                                <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                      class="ht-product-image"><img
                                        src="assets/img/product/product-4.jpg" alt="Universal Product Style"></a>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                    class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="ht-product-content">
                                    <div class="ht-product-content-inner">
                                        <div class="ht-product-categories"><a href="#">Clock</a></div>
                                        <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                        <div class="ht-product-price"><span class="new">$60.00</span><span class="old">$80.00</span>
                                        </div>
                                        <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                                class="ht-product-user-ratting" style="width: 100%;"><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i><i
                                                class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                    </div>
                                    <div class="ht-product-action">
                                        <ul>
                                            <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                    class="ht-product-action-tooltip">Quick View</span></a></li>
                                            <li><a href="#"><i class="sli sli-heart"></i><span
                                                    class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                            <li><a href="#"><i class="sli sli-refresh"></i><span
                                                    class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                            <li><a href="#"><i class="sli sli-bag"></i><span
                                                    class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                        </ul>
                                    </div>
                                    <div class="ht-product-countdown-wrap">
                                        <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                    </div>
                                </div>
                            </div>
                        </div><!--Product End--></div>
                </div>
            </div>
        </div>
    </div>
    <div class="testimonial-area pt-80 pb-95 section-margin-1" style="background-image: url(assets/img/bg/bg-1.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 ml-auto mr-auto">
                    <div class="testimonial-active owl-carousel nav-style-1">
                        <div class="single-testimonial text-center"><img src="assets/img/testimonial/testi-1.png"
                                                                         alt="">
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form, by injected humour, or randomised words which don't
                                look even slightly believable. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
                                didunt.</p>
                            <div class="client-info"><img src="assets/img/icon-img/testi.png" alt=""><h5>Nikolas
                                Dehlli</h5></div>
                        </div>
                        <div class="single-testimonial text-center"><img src="assets/img/testimonial/testi-2.png"
                                                                         alt="">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure
                                dolor in reprehenderit.</p>
                            <div class="client-info"><img src="assets/img/icon-img/testi.png" alt=""><h5>Grace
                                Alvarado</h5></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-area pt-95 pb-70">
        <div class="container">
            <div class="section-title text-center pb-60"><h2>New Arrivals</h2>
                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
                    classical</p></div>
            <div class="arrivals-wrap scroll-zoom">
                <div class="ht-products product-slider-active owl-carousel"><!--Product Start-->
                    <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                        <div class="ht-product-inner">
                            <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                  class="ht-product-image"><img
                                    src="assets/img/product/product-5.jpg" alt="Universal Product Style"></a>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                class="sli sli-magnifier"></i><span class="ht-product-action-tooltip">Quick View</span></a>
                                        </li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ht-product-content">
                                <div class="ht-product-content-inner">
                                    <div class="ht-product-categories"><a href="#">Clock</a></div>
                                    <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                    <div class="ht-product-price"><span class="new">$60.00</span></div>
                                    <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                            class="ht-product-user-ratting" style="width: 100%;"><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                </div>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                class="ht-product-action-tooltip">Quick View</span></a></li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                                <div class="ht-product-countdown-wrap">
                                    <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                </div>
                            </div>
                        </div>
                    </div><!--Product End--><!--Product Start-->
                    <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                        <div class="ht-product-inner">
                            <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                  class="ht-product-image"><img
                                    src="assets/img/product/product-6.jpg" alt="Universal Product Style"></a>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                class="sli sli-magnifier"></i><span class="ht-product-action-tooltip">Quick View</span></a>
                                        </li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ht-product-content">
                                <div class="ht-product-content-inner">
                                    <div class="ht-product-categories"><a href="#">Lamp </a></div>
                                    <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                    <div class="ht-product-price"><span class="new">$50.00</span><span class="old">$80.00</span>
                                    </div>
                                    <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                            class="ht-product-user-ratting" style="width: 90%;"><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                </div>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                class="ht-product-action-tooltip">Quick View</span></a></li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                                <div class="ht-product-countdown-wrap">
                                    <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                </div>
                            </div>
                        </div>
                    </div><!--Product End--><!--Product Start-->
                    <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                        <div class="ht-product-inner">
                            <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                  class="ht-product-image"><img
                                    src="assets/img/product/product-7.jpg" alt="Universal Product Style"></a>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                class="sli sli-magnifier"></i><span class="ht-product-action-tooltip">Quick View</span></a>
                                        </li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ht-product-content">
                                <div class="ht-product-content-inner">
                                    <div class="ht-product-categories"><a href="#">Chair</a></div>
                                    <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                    <div class="ht-product-price"><span class="new">$30.00</span></div>
                                    <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                            class="ht-product-user-ratting" style="width: 100%;"><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                </div>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                class="ht-product-action-tooltip">Quick View</span></a></li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                                <div class="ht-product-countdown-wrap">
                                    <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                </div>
                            </div>
                        </div>
                    </div><!--Product End--><!--Product Start-->
                    <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                        <div class="ht-product-inner">
                            <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                  class="ht-product-image"><img
                                    src="assets/img/product/product-8.jpg" alt="Universal Product Style"></a>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                class="sli sli-magnifier"></i><span class="ht-product-action-tooltip">Quick View</span></a>
                                        </li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ht-product-content">
                                <div class="ht-product-content-inner">
                                    <div class="ht-product-categories"><a href="#">Chair</a></div>
                                    <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                    <div class="ht-product-price"><span class="new">$60.00</span><span class="old">$90.00</span>
                                    </div>
                                    <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                            class="ht-product-user-ratting" style="width: 100%;"><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                </div>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                class="ht-product-action-tooltip">Quick View</span></a></li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                                <div class="ht-product-countdown-wrap">
                                    <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                </div>
                            </div>
                        </div>
                    </div><!--Product End--><!--Product Start-->
                    <div class="ht-product ht-product-action-on-hover ht-product-category-right-bottom mb-30">
                        <div class="ht-product-inner">
                            <div class="ht-product-image-wrap"><a href="product-details.html"
                                                                  class="ht-product-image"><img
                                    src="assets/img/product/product-6.jpg" alt="Universal Product Style"></a>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#" data-toggle="modal" data-target="#exampleModal"><i
                                                class="sli sli-magnifier"></i><span class="ht-product-action-tooltip">Quick View</span></a>
                                        </li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ht-product-content">
                                <div class="ht-product-content-inner">
                                    <div class="ht-product-categories"><a href="#">Lamp </a></div>
                                    <h4 class="ht-product-title"><a href="#">Demo Product Name</a></h4>
                                    <div class="ht-product-price"><span class="new">$50.00</span><span class="old">$80.00</span>
                                    </div>
                                    <div class="ht-product-ratting-wrap"><span class="ht-product-ratting"><span
                                            class="ht-product-user-ratting" style="width: 90%;"><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i></span><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></span></div>
                                </div>
                                <div class="ht-product-action">
                                    <ul>
                                        <li><a href="#"><i class="sli sli-magnifier"></i><span
                                                class="ht-product-action-tooltip">Quick View</span></a></li>
                                        <li><a href="#"><i class="sli sli-heart"></i><span
                                                class="ht-product-action-tooltip">Add to Wishlist</span></a></li>
                                        <li><a href="#"><i class="sli sli-refresh"></i><span
                                                class="ht-product-action-tooltip">Add to Compare</span></a></li>
                                        <li><a href="#"><i class="sli sli-bag"></i><span
                                                class="ht-product-action-tooltip">Add to Cart</span></a></li>
                                    </ul>
                                </div>
                                <div class="ht-product-countdown-wrap">
                                    <div class="ht-product-countdown" data-countdown="2020/01/01"></div>
                                </div>
                            </div>
                        </div>
                    </div><!--Product End--></div>
            </div>
        </div>
    </div>
    <div class="banner-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="single-banner mb-30 scroll-zoom"><a href="product-details.html"><img
                            src="assets/img/banner/banner-4.png" alt=""></a>
                        <div class="banner-content banner-position-3"><h3>Black Monday</h3>
                            <h2>Wooden Lamp <br>Save 30%</h2><a href="product-details.html">Shop Now</a></div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="single-banner mb-30 scroll-zoom"><a href="product-details.html"><img
                            src="assets/img/banner/banner-5.png" alt=""></a>
                        <div class="banner-content banner-position-4"><h3>Black Monday</h3>
                            <h2>Wooden Lamp <br>Save 30%</h2><a href="product-details.html">Shop Now</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="feature-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4">
                    <div class="single-feature mb-40">
                        <div class="feature-icon"><img src="assets/img/icon-img/free-shipping.png" alt=""></div>
                        <div class="feature-content"><h4>Free Shipping</h4>
                            <p>Most product are free <br>shipping.</p></div>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-4 col-md-4">
                    <div class="single-feature mb-40 pl-50">
                        <div class="feature-icon"><img src="assets/img/icon-img/support.png" alt=""></div>
                        <div class="feature-content"><h4>Customer Support</h4>
                            <p>24x7 Customer Support</p></div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-4">
                    <div class="single-feature mb-40">
                        <div class="feature-icon"><img src="assets/img/icon-img/security.png" alt=""></div>
                        <div class="feature-content"><h4>Secure Payment</h4>
                            <p>Most Secure Payment <br>for customer.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="blog-area pt-50 pb-65">
        <div class="container">
            <div class="section-title text-center pb-60"><h2>New Blog Posts</h2>
                <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
                    classical</p></div>
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="blog-wrap mb-30 mr-20 text-center scroll-zoom">
                        <div class="blog-img mb-25"><a href="blog-details.html"><img src="assets/img/blog/blog-1.jpg"
                                                                                     alt=""></a></div>
                        <div class="blog-content"><h3><a href="blog-details.html">Distracted by the readable content</a>
                        </h3>
                            <div class="blog-meta blog-mrg-border">
                                <ul>
                                    <li><a href="#">23 December 2019 </a></li>
                                    <li><a href="#">24 View </a></li>
                                    <li><a href="#">4 likes</a></li>
                                </ul>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form.</p></div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="blog-wrap mb-30 ml-20 text-center scroll-zoom">
                        <div class="blog-img mb-25"><a href="blog-details.html"><img src="assets/img/blog/blog-2.jpg"
                                                                                     alt=""></a></div>
                        <div class="blog-content"><h3><a href="blog-details.html">There are many variations of passages
                            of Lorem</a></h3>
                            <div class="blog-meta blog-mrg-border">
                                <ul>
                                    <li><a href="#">23 December 2019 </a></li>
                                    <li><a href="#">24 View </a></li>
                                    <li><a href="#">4 likes</a></li>
                                </ul>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer-area bg-paleturquoise">
        <div class="container">
            <div class="footer-top text-center pt-45 pb-45">
                <nav>
                    <ul>
                        <li><a href="index.html">Home </a></li>
                        <li><a href="shop.html">Shop </a></li>
                        <li><a href="shop.html">Accessories </a></li>
                        <li><a href="contact-us.html">Contact </a></li>
                        <li><a href="about-us.html">About </a></li>
                        <li><a href="blog.html">Blog </a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="footer-bottom border-top-1 pt-20">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-4 col-md-5 col-12">
                        <div class="footer-social pb-20"><a href="#">Facebok</a><a href="#">Twitter</a><a href="#">Linkedin</a><a
                                href="#">Instagram</a></div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-12">
                        <div class="copyright text-center pb-20"><p>Copyright Â© All Right <a
                                href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p></div>
                    </div>
                    <div class="col-lg-4 col-md-3 col-12">
                        <div class="payment-mathod pb-20"><a href="#"><img src="assets/img/icon-img/payment.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer><!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">x</span></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-5 col-sm-12 col-xs-12">
                            <div class="tab-content quickview-big-img">
                                <div id="pro-1" class="tab-pane fade show active"><img
                                        src="assets/img/product/quickview-l1.jpg" alt=""></div>
                                <div id="pro-2" class="tab-pane fade"><img src="assets/img/product/quickview-l2.jpg"
                                                                           alt=""></div>
                                <div id="pro-3" class="tab-pane fade"><img src="assets/img/product/quickview-l3.jpg"
                                                                           alt=""></div>
                                <div id="pro-4" class="tab-pane fade"><img src="assets/img/product/quickview-l2.jpg"
                                                                           alt=""></div>
                            </div><!-- Thumbnail Large Image End --><!-- Thumbnail Image End -->
                            <div class="quickview-wrap mt-15">
                                <div class="quickview-slide-active owl-carousel nav nav-style-2" role="tablist"><a
                                        class="active" data-toggle="tab" href="#pro-1"><img
                                        src="assets/img/product/quickview-s1.jpg" alt=""></a><a data-toggle="tab"
                                                                                                href="#pro-2"><img
                                        src="assets/img/product/quickview-s2.jpg" alt=""></a><a data-toggle="tab"
                                                                                                href="#pro-3"><img
                                        src="assets/img/product/quickview-s3.jpg" alt=""></a><a data-toggle="tab"
                                                                                                href="#pro-4"><img
                                        src="assets/img/product/quickview-s2.jpg" alt=""></a></div>
                            </div>
                        </div>
                        <div class="col-md-7 col-sm-12 col-xs-12">
                            <div class="product-details-content quickview-content"><h2>Products Name Here</h2>
                                <div class="product-details-price"><span>$18.00</span><span class="old">$20.00</span>
                                </div>
                                <div class="pro-details-rating-wrap">
                                    <div class="pro-details-rating"><i class="sli sli-star yellow"></i><i
                                            class="sli sli-star yellow"></i><i class="sli sli-star yellow"></i><i
                                            class="sli sli-star"></i><i class="sli sli-star"></i></div>
                                    <span>3 Reviews</span></div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm tempor incidid ut labore
                                    et dolore magna aliqua. Ut enim ad minim venialo quis nostrud exercitation
                                    ullamco</p>
                                <div class="pro-details-list">
                                    <ul>
                                        <li>- 0.5 mm Dail</li>
                                        <li>- Inspired vector icons</li>
                                        <li>- Very modern style</li>
                                    </ul>
                                </div>
                                <div class="pro-details-size-color">
                                    <div class="pro-details-color-wrap"><span>Color</span>
                                        <div class="pro-details-color-content">
                                            <ul>
                                                <li class="blue"></li>
                                                <li class="maroon active"></li>
                                                <li class="gray"></li>
                                                <li class="green"></li>
                                                <li class="yellow"></li>
                                                <li class="white"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="pro-details-size"><span>Size</span>
                                        <div class="pro-details-size-content">
                                            <ul>
                                                <li><a href="#">s</a></li>
                                                <li><a href="#">m</a></li>
                                                <li><a href="#">l</a></li>
                                                <li><a href="#">xl</a></li>
                                                <li><a href="#">xxl</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="pro-details-quality">
                                    <div class="cart-plus-minus"><input class="cart-plus-minus-box" type="text"
                                                                        name="qtybutton" value="2"></div>
                                    <div class="pro-details-cart"><a href="#">Add To Cart</a></div>
                                    <div class="pro-details-wishlist"><a title="Add To Wishlist" href="#"><i
                                            class="sli sli-heart"></i></a></div>
                                    <div class="pro-details-compare"><a title="Add To Compare" href="#"><i
                                            class="sli sli-refresh"></i></a></div>
                                </div>
                                <div class="pro-details-meta"><span>Categories :</span>
                                    <ul>
                                        <li><a href="#">Minimal,</a></li>
                                        <li><a href="#">Furniture,</a></li>
                                        <li><a href="#">Fashion</a></li>
                                    </ul>
                                </div>
                                <div class="pro-details-meta"><span>Tag :</span>
                                    <ul>
                                        <li><a href="#">Fashion, </a></li>
                                        <li><a href="#">Furniture,</a></li>
                                        <li><a href="#">Electronic</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- Modal end --></div><!-- All JS is here============================================ --><!-- jQuery JS -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script><!-- Popper JS -->
<script src="assets/js/popper.min.js"></script><!-- Bootstrap JS -->
<script src="assets/js/bootstrap.min.js"></script><!-- Plugins JS -->
<script src="assets/js/plugins.js"></script><!-- Ajax Mail -->
<script src="assets/js/ajax-mail.js"></script><!-- Main JS -->
<script src="assets/js/main.js"></script>
</body>
</html>